<template>
  <div >
    <el-dialog title="收货" :visible.sync="dialogShow" width="580px" @close="closeDialog" :close-on-click-modal='false'>
      <div class="disposeDialog_box dialogRightGray">
        <div class="form_Dialog_box form_DialogText_box FDACC">
          <el-form :model="dialogFrom" label-width="100px" :rules="rules">
            <el-form-item label="发货时间：" class="form_dialog_item">
              <span class="color_black form_Dialog_text">{{dialogFrom.createTime | dateYMDFil}}</span>
              <span class="color_black form_Dialog_text">{{dialogFrom.createTime | dateHFSFil}}</span>
            </el-form-item>
            <el-form-item label="物流信息：" class="form_dialog_item">
              <div class="color_black form_Dialog_text">{{dialogFrom.logisticsInfo}}</div>
            </el-form-item>
            <el-form-item label="收货情况：" class="form_dialog_item" prop="opinion">
              <el-select v-model="dialogFrom.opinion">
                <el-option label="已收货" value="1"></el-option>
                <el-option label="未收货" value="2"></el-option>
              </el-select>
            </el-form-item>
          </el-form>
          <div class="explain">如果暂时没收到请联系买家，发货5天后可以选择未收到，买家可以延长时间，超过7天不处理按弃货处理。</div>
          <el-button class="baseBut bg_base" @click="submitDialog">确定</el-button>
        </div>
      </div>
    </el-dialog>
  </div>
</template>

<script>
export default {
  props: ["showTrue",'orderData'],
  data() {
    return {
      labelPosition:'right',
      dialogShow: false,
      rules:{
        opinion: [
          { required: true, message: '请选择收货情况', trigger: 'change' }
        ],
      },
      dialogFrom:{
        opinion:'1',
        createTime:'1589425524000',
        logisticsInfo:'怒风速运 Y2343564758654',
      }
    };
  },
  filters: {
    statusFil(val) {
      return val ? '同意退款' : '拒绝退款'
    },
  },
  watch: {
    showTrue(val) {
      this.dialogShow = val;
    },
    orderData(val){
      this.dialogFrom = {...val,...this.dialogFrom}
    }
  },
  created() {},
  mounted() {
  },
  methods: {
    closeDialog(){
      this.$emit("close");
    },
    submitDialog(){
      this.$emit("submit");
    }
  }
};
</script>

<style scoped rel="stylesheet">
.form_dialog_item {
  width: 100% !important;
  margin-bottom: 4px !important;
}

.disposeDialog_box {
  width: 100%;
  overflow: hidden;
}
.form_Dialog_box {
  width: calc(100% - 40px);
  margin: 20px;
  overflow: hidden;
}
.form_DialogText_box {
  margin-bottom: 40px;
}
.explain{
  font-size:14px;
  font-family:PingFangSC-Regular,PingFang SC;
  font-weight:400;
  color:rgba(199,201,216,1);
  line-height:20px;
  margin-top: 15px;
  margin-left: 100px;
  margin: 15px 0 30px 100px;
  }
.productImg{
  width:64px;
  height:64px;
  background:rgba(216,216,216,1);
  margin-right: 20px;
}
</style>
